$(function(){
    $('#dowebok').fullpage({
        anchors: ['page1', 'page2', 'page3', 'page4', 'page5', 'page6', 'page7'],
        menu: '.menu,.gb-nav ul',
        verticalCentered: false,
        scrollingSpeed: 300
    });
    setInterval(function(){
        $.fn.fullpage.moveSlideRight({
            slidesNavigation: false
        });
    }, 3000);
    
    //第3屏
    $('.h_sec3 li,.roll_wrap').height($('.h_sec3').height());
    //屏幕放生变化的时
    $(window).resize(function(){
/*      $('.h_sec3 li,.roll_wrap').height($('.h_sec3').height());
*/      pos();
        site();
    });
    $('.h_sec3').resize(function(){
        $('.h_sec3 li').height($('.h_sec3').height());  
    })
    $('.h_sec3 li').click(function(){
        $(this).addClass('on').siblings().removeClass('on');
        pos();
        site();
    })
    //prev和next的节点位置
    var last_i = $('.roll_wrap li').length-1;
    function site() {
        var tar_ele = $('.roll_wrap li.on');
        var w = tar_ele.width();
        var $_prev = $('.roll_wrap .prev');
        var $_next = $('.roll_wrap .next');
        var l = tar_ele.offset().left - $_prev.width();
        var r = tar_ele.offset().left + w - 1;
        $_prev.css('left',l);
        $_prev.css('display','none').show().animate({
            left: l,
        },800)
        $_next.css('display','none').show().animate({
            left: r,
        },600);
    }
    //首次执行site，是css3的动画1.3结束后
    setTimeout(site,2000);  
    function pos() {
        var j = $('.roll_wrap li.on').index();
        var w = 18;
        var w_on = 28;
        for(var i = 0; i < $('.roll_wrap li').length; i++){
            if(i < (j + 1)){
                $('.roll_wrap li').eq(i).css({
                    'left' : '' + i*w+ "%" ,
                    'z-index' : i + 1
                })
            } else {
                $('.roll_wrap li').eq(i).css({
                    'left' : '' + ((i - 1) * w + w_on) + "%" ,
                    'z-index' : i + 1
                });
            }
        }
        $('.roll_wrap li.on').css('z-index',999);
    }
    pos();
    $('.roll_wrap .prev').click(function(){
        var i = $('.roll_wrap li.on').index();
        if(i > 0){
            $('.roll_wrap li').eq(i).removeClass('on').prev().addClass('on');   
        } else if(i == 0) {
            $('.roll_wrap li').eq(i).removeClass('on');
            $('.roll_wrap li').eq(last_i).addClass('on');
        }
        pos();
        site();
    })
    $('.roll_wrap .next').click(function(){
        var i = $('.roll_wrap li.on').index();
        if(i < last_i){
            $('.roll_wrap li').eq(i).removeClass('on').next().addClass('on');   
        } else if(i == last_i) {
            $('.roll_wrap li').eq(i).removeClass('on');
            $('.roll_wrap li').eq(0).addClass('on');
        }
        pos();
        site();
    })

    $('.gb-nav li').click(function(){
        $(this).addClass('active').siblings().removeClass('active');
        //var title = $(this).find('a').text();
        //var titleArr = $('title').text().split('|');
        //$('title').text(title+'|'+titleArr.pop());
    });

    $('#menu li').click(function(){
        var title = $('.gb-nav li').eq($(this).index()).find('a').text();
        //var titleArr = $('title').text().split('|');
        //$('title').text(title+'|'+titleArr.pop());
    });
    
});

